<!--Marc Holley, 04/11/16, CIS166AA 31865 , Professor Anderson-->
<!DOCTYPE html>
<html lang="en">
<!--Head content-->
<head>	
<!--Tab Title-->
<title>Marc Holley's Webpage</title>
<meta charset="utf-8">
<!--Links to CSS-->
<link rel="stylesheet" href="marc.css" type="text/css">
<!--Javascript for IE9 compatibility-->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<!--End of head content-->
</head>
<!--Page Title-->
<!--Header content-->
<!--Headline 1-->
<header><h1>Marc Holley</h1></header>
<!--Side navigation Bar-->
<nav id="sideNav">
	<!--Unordered list-->
	<ul id="navList">
		<li><a href=index.html>Home</a></li>
		<li><a href=about.html>About</a></li>
		<li><a href=education.html>Education</a></li>
		<li><a href=experience.html>Experience</a></li>
		<li><a href=skills.html>Skills</a></li>
		<li><a href=security.html>Security</a></li>
	</ul>
<!--End of side navigation-->
</nav>
<!--Body content-->
<body>
<!--Division wrapper id-->
<div id="wrapper">
<!--Headline 2-->
<h2>About</h2>
<!--Main content-->
<main>
	<!--Paragraph-->
	<p>Hello, my name is Marc Holley.<br> I am currently pursuing a Computer Programming degree at Mesa Community College.<br>
	   Want to contact me? Fill out the from below. Required fields marked with an asterisk (*)</p>
	   <!--Image-->
	   <img id ="imgMail" src ="envelope.jpg" alt="Envelope" title="Envelope" width="300" height=150"><br>
<!--Table-->
<center><table id="table">
<!--Form-->
<form id="form" method="post" onsubmit="return validateForm(); ">   
<th>CONTACT</th>
<th>FORM</th>
<tr>
	<td>
		<label>*FIRST NAME:</label><!--Label-->
	</td>
	<td>
		<input id="fName" type="text" placeholder="your first name" required="required" ><!--Input-->
	</td>
</tr>
<tr>
	<td>
		<label>*LAST NAME:</label><!--Label-->
	</td>
	<td>
		<input id="lName" type="text" placeholder="your last name" required="required" ><!--Input-->
	</td>
</tr>
<tr>
	<td>
		<label>*EMAIL:</label><!--Label-->
	</td>
	<td>
		<input id="email" type="text" placeholder="you@yourdomain.com" required="required" ><!--Input-->
	</td>
</tr>
<tr>
	<td>
		<label>*MESSAGE:</label><!--Label-->
	</td>
	<td>
		<textarea id ="message" rows="10" cols="50" placeholder="your message" required="required" ></textarea><!--Input-->
	</td>
</tr>
<tr>
<tr>
	<td>
		<label>LANGUAGES:</label><!--Label-->
	</td>
	<td>
		<input type="checkbox" id="csharp" value="C#" name="languages" /><!--CheckBox-->
        <label for="c#" id="C#">C#</label><!--Label-->
        <input type="checkbox" id="cplusplus" value="C++" name="languages" /><!--CheckBox-->
        <label for="c++" id="C++">C++</label><!--Label-->
        <input type="checkbox" id="html" value="HTML" name="languages" /><!--CheckBox-->
        <label for="html" id="HTML">HTML</label><!--Label-->
        <input type="checkbox" id="java" value="JAVA" name="languages" /><!--CheckBox-->
		<label for="java" id="Java">Java</label><!--Label-->
        <input type="checkbox" id="javascript" value="JavaScript" name="languages" /><!--CheckBox-->
        <label for="javascript" id="JavaScript">Javascript</label><!--Label-->
        <input type="checkbox" id="msaccess" value="Microsoft Access Database" name="languages" /><!--CheckBox-->
        <label for="msaccess" id="MSAccess">Microsoft Access Database</label><!--Label-->
		<input type="checkbox" id="visualbasic" value="Visual Basic" name="languages" /><!--CheckBox-->
        <label for="visualbasic" id="VisualBasic">Visual Basic</label><!--Input-->	
	</td>
<tr>			
	<td>
		<div id="languageSection"><!--Division-->
        <label>REQUIRED LANGUAGES:</label><!--Label-->
	</td>
	<td>
		<center><p id="languageList"></p></center><!--Paragraph-->
		</div>
	</td>
</tr>
<tr>
	<td>
		<label>SEND:</label><!--Label-->
	</td>
	<td>	
		<input id="submit" type="submit" value="SUBMIT"><!--Button-->
	</td>
</tr>
<!--End of form-->
</form>
<!--End of table-->
</table></center><br>
<!--End of main content-->
</main>
<!--End of division-->
</div>
<!--Footer content-->
<footer>
	<!--Footer Navigation-->
	<a href=index.html>Home</a> | <a href=about.html>About</a> | <a href=education.html>Education</a> | <a href=experience.html>Experience</a> | <a href=specialskills.html>Special Skills</a><br>
	Copyright &copy; 2015 Marc Holley's Webpage<br>
	<a href="mailto:marcnholley@gmail.com">marcholley@marcholley.com</a>
<!--Paragraph-->
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
    </a>
</p>
<!--End of footer content-->
</footer>
<!--End of body content-->
</body>
<script src="jquery-1.12.3.js"></script>
<script src="marc.js"></script>
</html>